.accountingUnit {

  display: flex;
  background: #ffffff;
  padding-top: 10px;

  .tree {
    // margin-right:24px;
    // background: #ffffff;
    // padding: 20px 30px;
    // flex:0 0 300px;
    // min-width: 300px;
    // flex: 1;
    // width: 300px;
    padding-right: 40px;
    // display: flex;
    border-right: 1px solid #f5f5f5;

    .search {
      margin-bottom: 10px;
    }
  }

  .list {
    padding-left: 40px;
    // padding-right: 10px;
    width: 1%;
    // padding: 20px 30px;
    flex: 1;

    .nodeName {
      font-size: 24px;
    }

    .add {
      padding: 20px 0;
      display: flex;
      flex-flow: wrap;
      justify-content: space-between;
    }
  }



  .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #ebf5fe;
    color: rgba(7, 128, 237, 1)
  }

  .el-tree-node__expand-icon {
    font-size: 24px;
  }


  .tab_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;

    .search {
      background: rgba(7, 128, 237, 1);
      color: #ffffff;
      transition: all 0.5s;
    }

    .add_reduction {
      pointer-events: none;
      opacity: 0.5;
      transition: all 0.5s;
    }

    >div {
      padding: 5px 0;
      width: 214px;
      box-sizing: border-box;
      border-radius: 4px;
      margin-right: 10px;
      background: rgba(7, 128, 237, 0.1);
      margin-bottom: 10px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;

      i {
        margin-left: 10px;
        font-size: 0px;
        transition: all 0.28s;
      }

      i:hover {
        transform: scale(1.5)
      }
    }

    >div:hover {
      border: 1px solid rgba(7, 128, 237, 1);

      i {
        opacity: 1;
        font-size: 16px;
      }
    }
  }

  .gongshi {
    .type {
      margin-top: 15px;
      background: rgba(7, 128, 237, 0.1);
      display: flex;
      align-items: center;
      border:1px solid rgba(7, 128, 237, 0.1);
      .left {
        padding: 5px 0 5px 15px;
        min-width: 140px;
      }

      .right {
        padding: 0px;
        flex: 1;
        display: flex;
        flex-wrap: wrap;

        background: #ffffff;
        >div:hover .delete {
          opacity: 1;
        }

        >div {
          background: #ffffff;
          padding: 10px 0;
          position: relative;

          .delete {
            transition: all 0.5s;
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            background: rgba(0, 0, 0, 0.5);
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 20px;

            i {
              color: #ffffff;
              font-size: 20px;
            }
          }
        }
      }
    }
  }
}